@import './normalize.less';
@import './base.less';
@import './variable.less';

.mmb_search {
  margin-bottom: 0;
}
.title {
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  height: 72rem/@base;
  background-image: linear-gradient(to bottom, #fbfbfb, #eee);
  line-height: 72rem/@base;
  padding-left: 16rem/@base;
  font-size: 24rem/@base;
  a {
    float: left;
    font-weight: 400;
  }
  span {
    float: left;
  }
}

.hotTitle {
  height: 120rem/@base;
  width: 100%;
  padding: 20rem/@base 10rem/@base;
  background-color: #fff;
  h3 {
    border: 2rem/@base solid #c4c4c4;
    height: 100%;
    font-size: 32rem/@base;
    color: #844311;
    line-height: 76rem/@base;
    padding-left: 20rem/@base;
    font-weight: 400;
    background-color: #eeeeee;
  }
}
.mmb_nav {
  border-top: 2rem/@base solid #d2d2d2;
  border-left: 2rem/@base solid #d2d2d2;
  border-bottom: 2rem/@base solid #d2d2d2;
  border-radius: 10rem/@base;
  overflow: hidden;
  .item {
  }
  h4 {
    padding-left: 30rem/@base;
    height: 80rem/@base;
    line-height: 80rem/@base;
    background-color: #ededed;
    font-size: 32rem/@base;
    font-weight: 700;
    border-right: 2rem/@base solid #d2d2d2;
    border-bottom: 2rem/@base solid #d2d2d2;
    position: relative;

    span {
      width: 33rem/@base;
      height: 18rem/@base;
      position: absolute;
      background: url(../images/down_03.jpg);
      background-size: 33rem/@base 18rem/@base;
      top: 30rem/@base;
      right: 30rem/@base;
    }
  }
}